<section id="cEnd-create" class="ml-24 mr-24">
    <div class="fileButton"></div>
    <div class="picButton"></div>
    <h4 class="line-height-56 font-16 border-b" style="margin: 0px;">{{entryType == 'add'?'新建':'编辑'}}服务</h4>
    <div class="mt-15 dy-flex">
        <div class="dy-fx-1 line-height-34">所属模块:</div>
        <div class="dy-fx-8">
            <div class="select-ul" style="width:130px;">
                <span class="select-name br-4 box-i-shadow" ref="modelName">请选择</span>
                <ul>
                    <li v-for="item in modulesList" @click="eventModule(item.dictCode)">{{item.dictName}}</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="mt-10 dy-flex">
        <div class="dy-fx-1 line-height-34">服务名称:</div>
        <div class="dy-fx-8">
            <input type="text" class="form-control" style="width: 130px;" v-model="service_name" />
        </div>
    </div>
    <div class="mt-10 dy-flex">
        <div class="dy-fx-1 line-height-34">电话:</div>
        <div class="dy-fx-8">
            <input type="number" class="form-control" style="width: 130px;" v-model="phone" oninput="if(value.length>5)value=value.slice(0,11)" />
        </div>
    </div>
    <div class="mt-10 dy-flex">
        <div class="dy-fx-1 line-height-34">微信:</div>
        <div class="dy-fx-8">
            <input type="text" class="form-control" style="width: 130px;" v-model="weixin" />
        </div>
    </div>

    <div class="mt-10 dy-flex">
        <div class="dy-fx-1 line-height-34">内容详情:</div>
        <div class="dy-fx-8">
            <div id="editor" style="width: 854px;"></div>
        </div>
    </div>

    <div class="mt-10 dy-flex">
        <div class="dy-fx-1 line-height-34"><span style="color:#fff;">*</span>附件上传:</div>
        <div class="dy-fx-8">
            <ul>
                <li v-for="(item, index) in files" class="relative">
                    <a :href="item.url" :download="item.name" class="color-999 line-height-34">
                        <span class="mr-5" :class="{'icon-file': item.type == 'file', 'icon-picture': item.type == 'pic'}"></span>
                        {{item.name}}
                    </a>
                    <span class="icon-Gm-close absolute color-999 cursor font-12 line-height-34" style="right:0;top:0;"
                        @click="delFile(index)"></span>
                </li>
            </ul>
            <button type="button" class="btn s-btn-default" @click="fileUp">上传文件</button>
        </div>
    </div>

    <div class="mt-10 dy-flex">
        <div class="dy-fx-1 line-height-34">状态:</div>
        <div class="dy-fx-8">
            <div class="select-ul" style="width:150px;">
                <span class="select-name br-4 box-i-shadow" ref="statusText">请选择</span>
                <ul>
                    <li v-for="item in validList" @click="eventStatus(item.key)">{{item.name}}</li>
                </ul>
            </div>
        </div>
    </div>


    <div class="border-t mt-15 pt-10 pb-10">
        <button class="n-btn-primary br-4 mr-10" @click="saveSubmit">保存</button>
        <button class="n-btn-outline br-4" @click="previewInfo">预览</button>
    </div>

    <div class="loadprogress" v-if="progress">正在上传({{progress}})...</div>
</section>

<style media="screen">
    .loadprogress{
		position: fixed;
        z-index: 999999;
		left: 0;
		bottom: 0;
		height: 20px;
		width: 500px;
		font-size: 12px;
		text-indent: 3px;
		line-height: 20px;
	}
    .picbox {
        width: 110px;
        height: 110px;
        display: inline-block;
        position: relative;
    }

    .picture {
        width: 100%;
        height: 100%;
    }

    .resetup {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 28px;
        line-height: 28px;
        color: #fff;
        background: rgba(0, 0, 0, .5);
        text-align: center;
    }

    .hover-show {
        display: none;
    }

    .init-file-hover:hover .hover-show {
        display: block;
    }

    .hl-date-icon {
        right: 1px;
        top: -7px;
    }

    .module-tows:nth-child(2n+1) {
        background: rgba(249, 249, 249, 1);
    }

    .module-active {
        background: rgba(240, 240, 247, 1) !important;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }
</style>

<script src="scripts/libs/wangEditor.min.js" charset="utf-8"></script>
<script src="modules/workbench/scripts/park_service_create_edit.js" charset="utf-8"></script>
